/*
* @Author: qihailong
* @Date:   2018-06-26 09:52:28
* @Last Modified by:   qihailong
* @Last Modified time: 2018-06-26 09:52:28
* 按钮样式
*/

@datepicker_color_light_blue: #bbbbbb;
@datepicker_color_blue: #1890FF;
@datepicker_blue_hover: #CBE6FF;
@datepicker_focused-color_blue: #F3F9FF;
@datepicker_disabled_blue: #f8f8f8;
// 默认蓝色

.fabs-ui.blue {
  .ivu-date-picker-cells-cell:hover em {
    background: @datepicker_blue_hover;
  }

  .ivu-date-picker-cells span em {
    border-radius: 50%;
  }
  .ivu-date-picker-cells-year span em {
    border-radius: 4px;
  }
  .ivu-date-picker-cells-month span em {
    border-radius: 4px;
  }
  .ivu-date-picker-cells-cell-today em:after {
    width: 3px;
    height: 3px;
    top: 3px;
    right: 4px;
    background-color:@datepicker_color_blue;
  }
  .ivu-date-picker-cells-cell-selected.ivu-date-picker-cells-cell-today em:after{
    background-color:#fff;
  }
  .ivu-date-picker-cells-focused em {
    -webkit-box-shadow: 0 0 0 1px @datepicker_color_blue inset;
    box-shadow: 0 0 0 1px @datepicker_color_blue inset;
    border: 1px solid @datepicker_color_blue;
  }
  .ivu-date-picker-cells-cell-selected em,
  .ivu-date-picker-cells-cell-selected:hover em{
    background-color:@datepicker_color_blue;
    // color:#fff;
  }
  // .ivu-date-picker-cells-cell-today em {
  //   border: 1px solid @datepicker_color_blue;
  // }
  .ivu-date-picker-cells-cell-next-month em,
  .ivu-date-picker-cells-cell-prev-month em {
    color: @datepicker_color_light_blue;
  }
  span.ivu-date-picker-cells-cell-disabled,
  span.ivu-date-picker-cells-cell-disabled:hover,
  span.ivu-date-picker-cells-cell-week-label,
  span.ivu-date-picker-cells-cell-week-label:hover {
    color: @datepicker_color_light_blue;
  }
  span.ivu-date-picker-cells-cell-disabled,
  span.ivu-date-picker-cells-cell-disabled:hover {
    background: @datepicker_disabled_blue;
  }
  .ivu-date-picker-cells-cell-range:before {
    border-radius: 50%;
    background-color:@datepicker_blue_hover ;

  }
  .ivu-picker-confirm {
    .ivu-btn {
      color: @datepicker_color_blue;
      padding: 2px 10px;
    }
    .ivu-picker-confirm-time {
      padding: 2px 5px;
    }
    .ivu-btn-primary {
      color: #fff;
    }
    .ivu-btn-ghost {
      border: 1px solid @datepicker_color_blue;
    }
  }
  .ivu-date-picker-cells-month .ivu-date-picker-cells-cell-focused,
  .ivu-date-picker-cells-year .ivu-date-picker-cells-cell-focused {
    background-color: @datepicker_focused-color_blue;
  }
  .ivu-date-picker-cells-month .ivu-date-picker-cells-cell-focused em,
  .ivu-date-picker-cells-year .ivu-date-picker-cells-cell-focused em {
    background: @datepicker_focused-color_blue;
    color: @datepicker_color_blue;
  }
  .ivu-picker-panel-sidebar{
    background:@datepicker_focused-color_blue;
  }
}

